// 封装各种逻辑函数方法
// 1. 先完成函数的架子（参数+返回值）
// 2. 实现核心逻辑
import { ref } from 'vue'
export function useWindowScroll () {
  // 1. y是一个响应式数据
  // 2. 返回的是一个对象
  const y = ref(0)
  // 核心逻辑：在滚动事件中不断拿到距离顶部的像素值
  window.addEventListener('scroll', () => {
    // 获取一下距离顶部的像素值
    const scrollTop = document.documentElement.scrollTop
    // 把像素值 交给我们用来使用的响应式数据y
    y.value = scrollTop
  })
  return {
    y
  }
}
